@import "../_mixin";

.new_detail{
	.weui_dialog_title, .weui_dialog_bd {
		@include fz(15px);
	}
	.weui_dialog_ft{
		@include fz(14px);
		padding:0.2rem 0.0rem;
	}
}
.ndetail{
	.weui_toast_content{
		@include fz(16px)
	}
	.news{
		margin-bottom:1.5rem;
	}
	.news_menu{
		background:#fff;
		padding:0.2rem 0.25rem;
		border-bottom:0.025rem solid #e8e8e8;
		vertical-align:middle;

		img{
			width:2.4rem;
			vertical-align:middle;
		}
		i{
			vertical-align:middle;
			float:right;
			@include fz(22px);
			color:#828282;
		}
	}

	.fb_box{
		position:fixed;
		bottom:0.0rem;
		border-top:0.025rem solid #e8e8e8;
		height:1.2rem;
		line-height:1.2rem;
		padding:0.13rem 0.25rem;
		background:#fff;
		width:100%;

		max-width:1080px;
		z-index:999;
		input{
			line-height:0.9rem;
			height:0.9rem;
			padding:0.0rem 0.25rem;
			background:#f2f2f2;
			border-radius:0.1rem;
			border:none;
			@include fz(15px);
			width:85%;

		}
		.at{
			line-height:0.9rem;

			display:block;
			padding:0.0rem 0.1rem;
			@include fz(16px);
			color:#999;
		}
		.m_btn{
			line-height:0.9rem;
			height:0.9rem;
			width:15%;
			color:#fff;
			border:none;
			@include fz(15px);
			margin-left:0.25rem;
		}
	}
	.learnmore1{
		text-align:center;
		background:#fff;
		padding:0.25rem;
		@include fz(15px);
		color:#b3b3b3;
	}
	.comment_box{
		margin-bottom: 0rem;
		.title{
			border:none;
			i{
				color:#b3b3b3!important;
			}
		}
		.list{
			li{
				margin-bottom:0.85rem;
				&:last-child{
					margin-bottom:0rem;
				}
			}
			.upper{
				margin-bottom:0.25rem;
				vertical-align:middle;
				.rate{
					vertical-align:middle;
					
					padding:0.25rem 0.0rem;
					i{
						@include fz(25px);
						color:red;
						vertical-align:middle;
						display:inline-block;
						margin-right:0.125rem;
					}
					b{
						font-weight:normal; 
						@include fz(14px);
					}
				}
				.person{
					float:left;
					vertical-align:middle;
					span{
						vertical-align:middle;
						&.txt{
							@include fz(14px);
							color:#b3b3b3;
							display:inline-block;
							b{
								display:block;
								font-weight:normal; 
							}
						}
						&.cover{
							display:inline-block;
							margin-right:0.25rem;
							width:1.25rem;
							height:1.25rem;
							border-radius:50%;
							overflow:hidden;
							text-align:center;
							img{
								height:100%;
								text-align:center;
							}
						}
					}
				}
				.rate{
					float:right;
				}
			}
			.lower{
				margin-left:1.5rem;
				@include fz(15px);
			}
			.commentlist{
				height:3rem;
				overflow:hidden;
			}
			.has-read{
				height:auto;

			}
			.readmore{
				color:#999;
				padding:0.25rem 0.0rem;
				@include fz(14px);
			}

			.comment{
				border:0.025rem solid #e0e0e0;
				padding:0.125rem;
				margin-bottom:0.4rem;
				@include fz(15px);
				.tl{
					padding:0.2rem 0.0rem;
					i{
						&.index{
							padding:0.125rem 0.3rem;
							background:rgba(224, 224, 224, 0.49);
							margin-left:-0.125rem;
							font-style:normal;
							border-top-right-radius:50%;
							border-bottom-right-radius:50%;
							margin-right:0.25rem;
							color:#b3b3b3;
							@include fz(15px);
						}
					}
					span{
						display:inline-block;
						vertical-align:middle;
						color:#b3b3b3;
						b{
							display:block;
							font-weight:normal;
						}
					}

					.person{
						float:left;
						vertical-align:middle;
					}

					.rate{
						float:right;

						i{
							@include fz(25px);
							color:#999;
							vertical-align:middle;
							display:inline-block;
							margin-right:0.125rem;
						}
						b{
							font-weight:normal; 
							@include fz(14px);
						}
					}

				}
			}
		}

	}
}

.newsdetail{
	padding:0.2rem;
	margin-bottom:0.25rem;
	background:#fff;
	@include fz(14px);
	h2{
		@include fz(19px);

	}
	.ads{
		margin-bottom:0.5rem;
		img{
			width:100%;
		}
	}

	.info{
		@include fz(12px);
		color:#999;
		span{
			padding-right:0.25rem;
			position:relative;
			line-height: 0.8rem;
			&:last-child{
				padding:0.0rem;
			}
			i{
				@include fz(14px);
				color:#999;
				display:inline-block;
				vertical-align: middle;
				margin-bottom:0.08rem;
				margin-right:0.1rem;
			}
			b{
				font-weight:normal;
			}
		}
	}
	.content{
		@include fz(15px);
		margin-bottom:0.5rem;
		color:#4d4d4d;
		line-height:0.8rem;
		word-break: break-word;
		height:10rem;
		width:100%;
		overflow:hidden;
		img{
		    text-align: center;
		    margin: auto;
		    display: block;
		    width:auto;
		    max-width:100%;
		}
		p{
			margin-bottom:0.25rem;

			&.p{
				margin-bottom:0.5rem;
			}
		}
	}

	.readed{
		height:auto;
	}
	.showmore{
		display:block;
		text-align:center;
		background:#fff;
		padding:0.1rem 0.0rem;
		margin-bottom:0.5rem;
		color:$blueColor;
		i{
			margin-left:0.1rem;
			@include fz(14px);
		}

	}


	.one_three{
		margin-bottom:0.5rem;
		.note{
			color:#808080;
			margin-bottom:0.2rem;
		}
		.line{
			position:relative;
			height:0.5rem;
			margin-bottom:0.375rem;

			&:after{
				content:' ';
				background:#e0e0e0;
				height:0.03rem;
				display:block;
				position:absolute;
				left:0.0rem;
				width: 100%;
				top:50%;
				margin-top:-0.015rem;
				z-index:8;
			}
			span{
				display:block;
				position:absolute;
				z-index:9;
				width:3rem;
				background:#fff;
				text-align:center;
				left:50%;
				margin-left:-1.5rem;
			}
		}
		ul{
			li{
				display:inline-block;
		 		width:33.33%;
				text-align:center;

				i{
					display:block;
					padding:0.0rem 1rem;
					img{
						width:100%;
						max-width:1.1rem;
					}
				}
			}
		}
	}
	.qr_recomend{
		margin-bottom:0rem;
		li{
			width:100%!important;
			display:block;
			margin-bottom:0.5rem;
			i{
				padding:0.0rem 0.5rem!important;
				img{
					max-width:6rem!important;
				}
			}
		}
	}

	.new_rate{
		margin-bottom:0.5rem;
		span{
			text-align:center;
			border:0.03rem solid #e0e0e0;
			border-radius:0.1rem;
			margin:0.0rem 0.35rem;

		}
		i{
			@include fz(25px);
			color:#999;
			vertical-align:middle;
			margin-right:0.125rem;
			&.up{
				color:red;
			}
			&.down{
				/* display: inline-block;
				-moz-transform:scaleX(-1);
				-webkit-transform:scaleX(-1);
				-o-transform:scaleX(-1);
				transform:scaleX(-1); */
				color:black;
			}

		}
		b{
			font-weight:normal;
			vertical-align:middle;
		}
	}
}

footer{
	
	.fmenu{
		background:#2b2f2c;
		color:#fff;
	}
	.copyright{
		background:#232824;
		color:#fff;
		@include fz(14px);
		padding:0.25rem 0.5rem;
		text-align:center;
		padding-bottom:1.5rem;
		line-height:0.55rem;
	}
	.authority{
		padding:0.25rem 0.0rem;
		li{
			display:inline-block;
			vertical-align:middle;
			padding:0.0rem 0.25rem;
			img{
				max-height:1.2rem;
			}
		}
	}
}

.triple{
	padding:0.4rem 0.0rem;
	li{
		width:33%!important;
		display:inline-block;
		text-align:center;
		border:none;
		padding:0.25rem 0.0rem;
		@include fz(15px);
		position:relative;
		&:after{
			height: 0.36rem;
			background: #555956;
			width: 0.025rem;
			right: -0.05rem;
			top: 50%;
			margin-top: -0.18rem;
			content: ' ';
			position: absolute;
		}
		&.none:after{
			display:none
		}
	}
}

.newsdetail_pop{
	margin-top:1.125rem;

	i.icon_close{
		@include fz(28px);
	}

	.p_btn{
		padding:0.2rem 1.5rem;
		@include fz(15px);
	}
}